<!DOCTYPE HTML>
<html>

	<head lang="zh-CN">
		<meta charset="UTF-8">
		<title>绑定手机号</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<!-- 设置初始缩放比例为1.0，使用设备宽度  -->
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
		<!-- 在iOS下开启全屏模式  -->
		<meta name="apple-mobile-web-app-capable" content="yes">
		<!-- 隐藏 Sarafi 状态栏  -->
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="../../css/wapReset.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/personal.css">
		<script src="../../js/jquery.rem.min.js"></script>
		<script src="../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<header class="mui-bar mui-bar-nav loginIndex">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	</header>

	<body id="loginIndex">
		<img src="../../img/personalImg/pic_login_logo.png" class="pic_login_logo" />
		<button class="loginType">手机号登录</button>
		<button class="loginType">注册</button>
		<button class="loginType">微信登录</button>
		<h6 class="loginAgg">注册/登录即表示同意《享阅汇服务条款》</h6>
		<div class="mui-content-padded oauth-area">

		</div>
	</body>
	<script type="text/javascript">
		mui.init();
		$(".loginAgg")[0].addEventListener('tap', function() {
			mui.openWindow({
				url: 'userAgg.html',
				id: 'userAgg'
			});
		});
		$(".loginType").eq(0)[0].addEventListener('tap', function() {
			mui.openWindow({
				url: 'login.html',
				id: 'login'
			});
		});
		$(".loginType").eq(1)[0].addEventListener('tap', function() {
			mui.openWindow({
				url: 'reg.html',
				id: 'reg'
			});
		});
		$(".loginType").eq(2)[0].addEventListener('tap', function() {
					//第三方登录
//					var authBtns = ['qihoo', 'weixin', 'sinaweibo', 'qq']; //配置业务支持的第三方登录
//					var auths = {};
//					var oauthArea = doc.querySelector('.oauth-area');
//					plus.oauth.getServices(function(services) {
//						for(var i in services) {
//							var service = services[i];
//							auths[service.id] = service;
//							if(~authBtns.indexOf(service.id)) {
//								var isInstalled = app.isInstalled(service.id);
//								var btn = document.createElement('div');
//								//如果微信未安装，则为不启用状态
//								btn.setAttribute('class', 'oauth-btn' + (!isInstalled && service.id === 'weixin' ? (' disabled') : ''));
//								btn.authId = service.id;
//								btn.style.backgroundImage = 'url("images/' + service.id + '.png")'
//								oauthArea.appendChild(btn);
//							}
//						}
//						if(this.classList.contains('disabled')) {
//							plus.nativeUI.toast('您尚未安装微信客户端');
//							return;
//						}
//						var auth = auths[this.authId];
//						var waiting = plus.nativeUI.showWaiting();
//						auth.login(function() {
//							waiting.close();
//							plus.nativeUI.toast("登录认证成功");
//							auth.getUserInfo(function() {
//								plus.nativeUI.toast("获取用户信息成功");
//								var name = auth.userInfo.nickname || auth.userInfo.name;
//								app.createState(name, function() {
//									toMain();
//								});
//							}, function(e) {
//								plus.nativeUI.toast("获取用户信息失败：" + e.message);
//							});
//						}, function(e) {
//							waiting.close();
//							plus.nativeUI.toast("登录认证失败：" + e.message);
//						});
//						//			});
					});
	</script>

</html>